.PCPAW {
  padding-top: 70px;
  .imgbox {
    height: 490px;
    background-image: url("./../../../../assets/Peisong/bgbg.jpg");
    background-size: auto 100%;
    background-position: 50%;
    .textbox {
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      padding: 0 40px;
      width: 1200px;
      box-sizing: border-box;
      h1 {
        margin: 0;
        font-size: 48px;
        font-weight: lighter;
        text-align: center;
        line-height: 490px;
        color: #fff;
      }
      .mapbox {
        margin-top: 85px;
        display: inline-block;
        margin-left: 85px;
        width: 384px;
        font-size: 14px;
        color: #323232;
        background: #fff;
        vertical-align: middle;
        .imgq {
          display: block;
          width: 100%;
          height: auto;
        }
        h2 {
          margin: 26px 26px 0;
          font-size: 20px;
          font-weight: 400;
        }
        p {
          margin: 10px 26px 28px;
        }
      }
      .dot {
        position: absolute;
        top: 155px;
        left: 50px;
        width: 10px;
        height: 10px;
        .dot1 {
          background: rgba(0, 137, 206, 0.4);
          transform: scale(1.8);
          animation: dot 1s linear 0s infinite;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          @keyframes dot {
            0% {
              transform: scale(1.8);
            }
            25% {
              transform: scale(1);
            }
            50% {
              transform: scale(1);
            }
            75% {
              transform: scale(1.8);
            }
            100% {
              transform: scale(1.8);
            }
          }
        }

        .dot2 {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #0089ce;
          border-radius: 50%;
        }
        .man {
          position: absolute;
          top: 0;
          left: 0;
          width: 30px;
          height: 46px;
        }
      }
      .hiddle1,
      .hiddle2,
      .hiddle3 {
        display: none;
      }
      .second {
        top: 420px;
        left: 515px;
      }
      .third {
        top: 115px;
        left: 910px;
      }
      .red {
        top: 315px;
        left: 210px;
        .dot1 {
          background: rgba(212, 34, 34, 0.4);
        }
        .dot2 {
          background: #be3131;
        }
        .man {
          left: -7px;

          transform: rotate(-10deg) translateY(180px);
          // animation: man3 2s linear forwards;
          animation-duration: 2s;
          animation-timing-function: linear;
          animation-delay: 0s;
          animation-iteration-count: 1;
          animation-direction: normal;
          animation-fill-mode: none;
          animation-play-state: running;
          animation-name: forwards;
        }
        @keyframes man3 {
          0% {
            transform: rotate(-10deg) translateY(180px);
          }
          80% {
            transform: rotate(-10deg) translateY(0);
          }
          100% {
            transform: rotate(-10deg) translateY(0);
          }
        }
      }
      .blue {
        top: 85px;
        left: 540px;
        .dot1 {
          background: rgba(0, 137, 206, 0.4);
        }
        .dot2 {
          background: #0089ce;
        }
        .man {
          top: -25px;
          left: 10px;

          transform: rotate(-110deg) translateY(290px);
          // animation: man2 3s linear forwards;
          animation-duration: 3s;
          animation-timing-function: linear;
          animation-delay: 0s;
          animation-iteration-count: 1;
          animation-direction: normal;
          animation-fill-mode: none;
          animation-play-state: running;
          animation-name: forwards;
        }
        @keyframes man2 {
          0% {
            transform: rotate(-110deg) translateY(290px);
          }
          80% {
            transform: rotate(-110deg) translateY(0);
          }
          100% {
            transform: rotate(-110deg) translateY(0);
          }
        }
      }
      .yellow {
        top: 380px;
        left: 1025px;
        .dot1 {
          background: rgba(181, 151, 11, 0.4);
        }
        .dot2 {
          background: #e4c427;
        }
        .man {
          top: -18px;
          left: 9px;
          transform: rotate(-90deg) translateY(180px);
          // animation: man1 2s linear forwards;
          animation-duration: 2s;
          animation-timing-function: linear;
          animation-delay: 0s;
          animation-iteration-count: 1;
          animation-direction: normal;
          animation-fill-mode: none;
          animation-play-state: running;
          animation-name: forwards;
        }
        @keyframes man1 {
          0% {
            transform: rotate(-90deg) translateY(180px);
          }
          80% {
            transform: rotate(-90deg) translateY(0);
          }
          100% {
            transform: rotate(-90deg) translateY(0);
          }
        }
      }
    }
  }
  .imgbox1 {
    background-image: url("./../../../../assets/Peisong/map.jpg");
  }
  .section1 {
    display: block;
    .container {
      margin: 0 auto;
      padding: 0 40px;
      width: 1200px;
      box-sizing: border-box;
      .secitem {
        margin: 110px 0 100px 85px;
        padding-left: 25px;
        border-left: 1px solid #f6f0f0;
        h2 {
          margin: 0;
          font-size: 40px;
          font-weight: 400;
        }
        p {
          margin: 50px 0 0;
          font-size: 18px;
          font-weight: 300;
          line-height: 1.4;
          color: #666;
        }
      }
    }
  }
  .section2 {
    border-top: 1px solid #f5f0f0;
    display: block;
    .container {
      margin: 0 auto;
      padding: 0 40px;
      width: 1200px;
      box-sizing: border-box;
      .classabout {
        margin: 110px 0 100px 85px;
        padding-left: 25px;
        border-left: 1px solid #f6f0f0;
        color: #323232;
        .h21 {
          font-size: 36px;
        }
        .h41 {
          margin: 45px 0 0;
          font-size: 20px;
          font-weight: 400;
          margin-top: 28px;
        }
        .p1 {
          font-weight: 300;
          line-height: 1.4;
          color: #666;
          margin: 10px 0 0;
          font-size: 14px;
          .span1 {
            font-weight: 300;
            line-height: 1.4;
            color: #666;
            font-size: 14px;
          }
          .span2 {
            color: #19a0f5;
            font-weight: 500;
          }
        }
        .p2 {
          font-weight: 300;
          line-height: 1.4;
          color: #666;
          margin: 10px 0 0;
          font-size: 14px;
          margin-top: 5px;
          .span1 {
            font-weight: 300;
            line-height: 1.4;
            color: #666;
            font-size: 14px;
          }
          .span2 {
            color: #19a0f5;
            font-weight: 500;
          }
        }
        .h42 {
          margin: 45px 0 0;
          font-size: 20px;
          font-weight: 400;
        }
        .h43 {
          margin: 45px 0 0;
          font-size: 20px;
          font-weight: 400;
          display: none;
        }
        .p3 {
          display: none;
        }
        .h44 {
          margin: 45px 0 0;
          font-size: 20px;
          font-weight: 400;
        }
        .wechat {
          z-index: 9;
          display: inline-block;
          position: relative;
          margin-top: 10px;
          padding-left: 42px;
          width: 60px;
          height: 26px;
          box-sizing: content-box;
          cursor: pointer;
          i {
            position: absolute;
            top: 0;
            left: 0;
            width: 32px;
            height: 26px;
            background-image: url("./../../../../assets//Peisong//wechat.png");
            background-size: 200% auto;
            background-position: 0 0;
            font-style: italic;
          }
          p {
            font-weight: 300;
            margin: 0;
            width: 60px;
            font-size: 12px;
            line-height: 13px;
            color: #323232;
          }
          div {
            display: none;
            position: absolute;
            top: 40px;
            left: -25px;
            background: #fff;
            img {
              display: block;
              width: 220px;
              height: auto;
              z-index: 9;
            }
          }
        }
        .wechat:hover i {
          background-position: -100% 0;
        }
        .wechat:hover {
          display: inline-block;
          position: relative;
          margin-top: 10px;
          padding-left: 42px;
          width: 60px;
          height: 26px;
          cursor: pointer;
        }
        .wechat:hover div {
          display: block;
        }
        .left30 {
          margin-left: 30px;
        }
      }
    }
  }
}
